@charset "utf-8";
/* base */
html{color:#000; font:400 13.9167px/1.5em "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif;height:100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,figure{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
*+html input,*+html textarea,*+html select{font-family:inherit;font-size:inherit;font-weight:inherit}
* html input,* html textarea,* html select{font-size:100%}
legend{color:#000}
a:focus , input[type="button"][type="summit"]:focus {outline:thin dotted;}
.noword{ line-height:999em;}
.hide,.hidding{display: none;}
.text-overflow{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
html {
    font-size: 62.4%;
}
@media only screen and (min-width: 481px) {
    html {
        font-size:94% !important;
    }
}
@media only screen and (min-width: 561px) {
    html {
        font-size:109% !important;
    }
}
@media only screen and (min-width: 641px) {
    html {
        font-size:125% !important;
    }
    #wrap {
        max-width: 640px;
        margin: 0 auto;
    }
}
